﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ page import="java.util.Date"%>  
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>后台管理系统</title>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <base href="${pageContext.request.contextPath}/">
    <%@ include file="./system/admin/top.jsp"%>
    
    <script type="text/javascript" src="${pageContext.request.contextPath}/resource/js/index.js"></script>
    <script src="${pageContext.request.contextPath}/static/js/myjs/head.js"></script>
    <script src="${pageContext.request.contextPath}/resource/js/charts/Chart.js"></script>
    
</head>
<body>
  
        <div class="rows" style="margin-bottom: 0.8%; overflow: hidden;">
       	 <!-- C-->
            <div style="float: left; width:calc(100vw - 10px);">
                <div style="height: 200px; border: 1px solid #e6e6e6; background-color: #fff;">
                    <div class="panel panel-success" style="height: 15px">
                        <div class="panel-heading">
                        	<i class="fa fa-leaf fa-lg" style="padding-right: 5px;"></i>库存预警</div>
                        <div class="panel-body" style="overflow:auto;height: 275px">
                        	<div class="row-fluid">
								<ul class="operate-ul title">
									<li>
										<div class="row-fluid">
											<div class="col-xs-1 col-sm-1" style="width: 5%">序号</div>
											<div class="col-xs-1 col-sm-1" style="width: 25%">品类</div>
											<div class="col-xs-1 col-sm-1" style="width: 20%">型号</div>
											<div class="col-xs-1 col-sm-1" style="width: 15%">库存数量</div>
											<div class="col-xs-1 col-sm-1" style="width: 15%">预警数量</div>
											<div class="col-xs-1 col-sm-1" style="width: 10%">单位</div>
										</div>
									</li>
								</ul>
							</div>
	                       		<c:forEach items="${warningList}" var="item">
	 								<div class="row-fluid">
										<ul class="operate-ul">
											<li>
												<div class="row-fluid">
													<c:set var="typeName"><c:if test="${!empty item.parentTypeName}">${item.parentTypeName}-</c:if>${item.typeName}</c:set>
													<div class="col-xs-1 col-sm-1" style="width: 5%;text-align: center;">${vs.index+1}</div>
													<div class="col-xs-1 col-sm-1" style="width: 25%;text-align: center;">${typeName}</div>
													<div class="col-xs-1 col-sm-1" style="width: 20%;text-align: center;">${item.modelType}</div>
													<div class="col-xs-1 col-sm-1" style="width: 15%;text-align: center;">${item.amount}</div>
													<div class="col-xs-1 col-sm-1" style="width: 15%;text-align: center;">${item.lessAmount}</div>
													<div class="col-xs-1 col-sm-1" style="width: 10%;text-align: center;">${item.unitName}</div>
												</div>
											</li>
										</ul>
									</div>
	                       		</c:forEach>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
